// select



// 按钮
.ant-btn {
    border-radius: 2px;
}

// 默认按钮，默认按钮悬浮
.ant-btn-default,
.ant-btn-default:not(:disabled):hover {
    border: 1px solid #127CB2;
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
}

// 主按钮，主按钮悬浮
.ant-btn-primary,
.ant-btn-primary:not(:disabled):hover,
.ant-btn-primary:disabled {
    border: 1px solid #17A1E6;
    background-color: #0D5980;
    color: #ffffff;
}


// 选择框高度
@select-h: 33px;
// 选择框边框颜色
@select-bdC: #0D5980;
// 选择框字体颜色
@select-c: #B8D6E5;

// 选择框
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    height: @select-h;
    border-radius: 3px;
    border: 1px solid @select-bdC;
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;

}

// 选择框内框
.ant-select-single .ant-select-selector .ant-select-selection-search,
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    height: @select-h;
}

// 选择框的placeholder
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: rgba(184, 214, 229, 0.5);
}

// 箭头
.ant-select .ant-select-arrow {
    color: @select-bdC;
}

// 鼠标放在下拉菜单上的选择框
.ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector,
// 下拉状态的选择框
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
    border-color: @select-bdC;
    box-shadow: none;
}

// 下拉状态的选择框内框
.ant-select-single.ant-select-open .ant-select-selection-item {
    color: @select-c;
}

// 下拉菜单
.ant-select-dropdown {
    border-radius: 3px;
    background-color: #144A66;
    border: @select-bdC;
    padding: 0;
}

// 下拉菜单子项
.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-disabled) {
    font-size: 14px;
    font-weight: 400;
    color: @select-c;
}

// 下拉菜单子项选中
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: #0D5980;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);

}

// 下拉菜单为空的字体
.ant-empty-small {
    color: @select-c;
}

// upload
// 上传的文件显示
.ant-upload-wrapper .ant-upload-list {
    display: none;
}

// datePicker
// 日期选择框
.ant-picker {
    border-color: #0D5980;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0);
}

// 日期选择框文字
.ant-picker .ant-picker-input>input {
    font-size: 14px;
    font-weight: 400;
    color: #B8D6E6;

    &::placeholder {
        color: #7A8F99;
    }
}

// 日期选择框图标
.anticon {
    color: #0D5980;
}

// 日期下拉框
.ant-picker-dropdown {

    .ant-picker-panel-container {
        border: 1px solid #17A1E6;
        background-color: rgba(13, 89, 128, 0.9);
    }

    // 日期下拉框头部
    .ant-picker-header {
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(23, 161, 230, 0.1);
    }

    // 日期下拉框头部标题
    .ant-picker-header-view {
        pointer-events: none;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
    }

    // 日期下拉框头部按钮
    .ant-picker-header>button {
        color: #7A8F99;
        line-height: 0;

        &:hover {
            color: #7A8F99;
        }
    }

    // 日期下拉框表头
    .ant-picker-content th {
        color: #FFFFFF;
    }

    //  头尾显示
    .ant-picker-cell {
        color: #7A8F99;
    }

    // 日期下拉框单元格
    .ant-picker-cell-in-view {
        color: #B8D6E6;
    }

    // 日期下拉框底部
    .ant-picker-panel .ant-picker-footer {
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(23, 161, 230, 0.1);
    }

    // 日期下拉框底部按钮
    .ant-picker-today-btn {
        color: #7A8F99;
    }

    // 日期下拉框当前日期/hover效果
    .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-selected) .ant-picker-cell-inner,
    .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-start) .ant-picker-cell-inner,
    .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-end) .ant-picker-cell-inner,
    .ant-picker-cell:hover:not(.ant-picker-dropdown .ant-picker-cell-in-view) .ant-picker-cell-inner,
    .ant-picker-cell:hover:not(.ant-picker-dropdown .ant-picker-cell-selected):not(.ant-picker-dropdown .ant-picker-cell-range-start):not(.ant-picker-dropdown .ant-picker-cell-range-end):not(.ant-picker-dropdown .ant-picker-cell-range-hover-start):not(.ant-picker-dropdown .ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
        background-color: rgba(23, 161, 230, 0.8);
        color: #FFFFFF;
    }

    // 日期下拉框当前日期
    .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-today) .ant-picker-cell-inner::before {
        border-color: rgba(23, 161, 230, 0.8);
    }

    // 日期下拉框日期禁用
    .ant-picker-cell-disabled::before {
        font-size: 14px;
        font-weight: 400;
        color: #7A8F99;
        background-color: rgba(122, 143, 153, 0.2);
    }

    //    时间框选中框选中区间 hover
    .ant-picker-cell-inner::after {
        background-color: rgba(0, 0, 0, 0) !important;
    }

    // 日期下拉框日期禁用
    .ant-picker-cell-disabled::before {

        background-color: rgba(122, 143, 153, 0.2);
    }

    // 时间框字体颜色
    .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
        color: #B8D6E6;
    }

    // 时间框选中
    .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
        color: #FFFFFF;
        background-color: #17A1E6;
        border-radius: 2px;
    }


    //时间框选中框 补足
    .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-start):not(.ant-picker-dropdown .ant-picker-cell-range-start-single)::before,
    .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-end):not(.ant-picker-dropdown .ant-picker-cell-range-end-single)::before {
        background-color: rgba(23, 161, 230, 0.2);
    }

    // 时间框
    .ant-picker-datetime-panel .ant-picker-time-panel {
        border-left: 1px solid rgba(23, 161, 230, 0.1);
    }

    // 时间框列
    .ant-picker-time-panel-column:not(:first-child) {
        border-left: 1px solid rgba(23, 161, 230, 0.1);

    }

    // 时间框hover
    .ant-picker-time-panel-column:hover {

        /*滚动条样式*/
        &::-webkit-scrollbar {
            width: 0px;
        }

    }

    // 确认按钮
    .ant-btn-primary:not(:disabled):hover {
        background-color: #17A1E6;
    }

    // 日期框底部
    .ant-picker-ranges {
        margin-top: 4px;
    }

    // 确认按钮hover
    .ant-btn.ant-btn-sm {
        background-color: #17A1E6;
    }

    // 时间框此刻按钮
    .ant-picker-now-btn {
        color: #17A1E6;
    }

}

// table

// 表格
.ant-table-wrapper {
    width: calc(100% - 500px - 8px);
}

.ant-table-wrapper .ant-table {
    border: 1px solid #0D5980;

    /*滚动条样式*/
    ::-webkit-scrollbar-thumb {
        background-color: #406a80;
        border-radius: 3px;
    }

    ::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(0, 0, 0, 0);
    }

}

// 表格和表头
.ant-table-wrapper .ant-table,
.ant-table-wrapper .ant-table-thead>tr>th {
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
}

// 表头
.ant-table-wrapper .ant-table-thead>tr>th {
    font-size: 16px;
    font-weight: 500;
    background-color: #0f5573;
}

// 表格默认滚动样式
.ant-table-wrapper .ant-table-cell-scrollbar:not([rowspan]) {
    box-shadow: none
}

// 行悬浮
.ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td,
.ant-table-wrapper .ant-table-tbody>tr>td.ant-table-cell-row-hover {
    background: rgba(0, 0, 0, 0);
}

// 空状态
.ant-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


// 空状态hover
.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td {
    background-color: rgba(0, 0, 0, 0);
}

// 空状态文字
[class*=" ant-empty"] [class^="ant-empty"] {
    color: #cdccce;
}

// 输入框
.ant-input {
    flex-grow: 1;
    width: 20px;
    height: 32px;
    border-color: #0D5980;
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    border-radius: 2px;
    padding: 4px 8px;

    &::placeholder {
        color: rgba(255, 255, 255, 0.45);
    }
}

.ant-input:hover,
.ant-input-number:hover {
    border-color: #0D5980;
}

// 输入框禁用
.ant-input-disabled,
.ant-input[disabled],
.ant-input-disabled:hover,
.ant-input[disabled]:hover {
    border-color: #0D5980;
    cursor: default;
    color: #ffffff;
}

// 输入框聚焦
.ant-input:focus,
.ant-input-number:focus {
    box-shadow: none;
    border-color: #0D5980;
}

.ant-input-number-focused {
    box-shadow: none;
}

.ant-input-number,
.ant-input-number .ant-input-number-input {
    flex-grow: 1;
    height: 32px;
    border-color: #0D5980;
    background-color: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;

    &::placeholder {
        color: rgba(255, 255, 255, 0.45) !important;
    }
}

// 数字输入框按钮背景色
.ant-input-number .ant-input-number-handler-wrap {
    background-color: rgba(0, 0, 0, 0) !important;
}

// 数字输入框按钮

.ant-input-number-handler {
    background-color: rgba(0, 0, 0, 0);
    border-color: #0D5980 !important;
}

// 数字输入框按钮上,下
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
    color: rgba(255, 255, 255, 0.55)
}


// 全局提示卡片颜色
.ant-message-notice .ant-message-notice-content {
    background-color: rgba(13, 89, 128, 0.9);
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}